section.mft {
	position: relative;
	background:#000;
	width:100%;
	height:100%;
	text-align: center;
	_border:1px solid #333;
	max-width:1280px;
	max-height:720px;
}
section.mft.videoplaying {
	_border-left:hidden;
	_border-right:hidden;
}
section.mft > .container {
	background: #000;
	width:100%;
	height:100%;
}
section.mft .header {
	padding:5px;
	text-align: left;
	font-size:15px;
	text-transform: uppercase;
	display: none;
}
section.mft.videoplaying .header {
	display: none;
	visibility: hidden;
}
section.mft .videoplayer {
	width:100%;
	height:280px;
	display:none;
	position: relative;
	margin-top: -20px;
}
section.mft .videoplayer .player { height:115%; }
section.mft.videoplaying .videoplayer { display:block; }
section.mft .videoplayer a.close { position:absolute; border-radius: 5px; top:25px; right:5px; width:18px; height:18px; background:url(../img/global/mft-close.jpg); opacity:.8; }

section.mft.embed.large .header {
	display:none;
}
section.mft .segments {
		position: relative;
		width:100%;
		height:300px;
}
section.mft.videoplaying .segments { display:none; }

section.mft .segments .segment {
	top:0; 
	left:0;
	width:33%;
	height:100%;
	position: absolute;
	transition:all .25s;
	background-size: auto 100%;
	background-position:50% 0;
	background-repeat:no-repeat;
	cursor:pointer;
	border-left:4px solid black;
	border-right:4px solid black;
}


section.mft .segments .segment.michael {
	background-image:url(../img/global/mft/michael.jpg);
	margin-left:4px;
}

section.mft .segments .segment.trevor {
	background-image:url(../img/global/mft/trevor.jpg);
	right:0;
	left:auto;
	margin-right:4px;
}
section.mft .segments .segment.franklin {
	background-image:url(../img/global/mft/franklin.jpg);
	left:33%;
	width:34%;
	border-left-width: 8px;
	border-right-width: 8px;
}
section.mft[active=michael] .segments .segment.franklin {
	left:50%;
}
section.mft[active=trevor] .segments .segment.franklin {
	left:25%;
}
section.mft .segments .segment.franklin.active {
	left:25%;
}
section.mft .segments .segment.active {
	width:50%;
	z-index:50;
}
section.mft .segments .segment.inactive {
	opacity:.5;
	width:25%;
}
section.mft .segments .play {
	width:40px; height:40px;
	position:absolute;
	bottom:0;
	right:5px;
	background-image: url(../img/global/mft/play.png);
	background-size: 100% auto;
}


section.mft h2 { margin-top: 10px;}
section.mft .shareScreen { visibility: hidden; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, .7); text-align: left; z-index:100; }
section.mft.sharing .shareScreen { visibility: visible; }
section.mft .shareScreen ul { margin-bottom: 25px; }
section.mft .shareScreen ul li { margin-right: 10px; }
section.mft .shareScreen ul li:last-child { margin-right: 0; }
section.mft .shareScreen ul li a { background:url(../img/global/mft-share.jpg) no-repeat; width:32px; height:32px; display:block; }
section.mft .shareScreen ul li.facebook a { background-position: 0 0; }
section.mft .shareScreen ul li.twitter a { background-position: -32px 0; }
section.mft .shareScreen ul li.reddit a { background-position: -64px 0; }
section.mft .shareScreen ul li.google a { background-position: -96px 0; }
section.mft .shareScreen ul li.tumblr a { background-position: -128px 0; }
section.mft .shareScreen ul li.pinterest a { background-position: -160px 0; }
section.mft .shareScreen ul li.blogger a { background-position: -192px 0; }
section.mft .shareScreen ul li.stumble a { background-position: -224px 0; }

section.mft .shareScreen .container { width:350px; margin: 100px auto; }
section.mft .shareScreen .container h4 { text-transform: uppercase; font-size:20px; margin-bottom: 5px }
section.mft .shareScreen .container a.close { position:absolute; top:5px; right:5px; width:18px; height:18px; background:url(../img/global/mft-close.jpg); opacity:.8; }
section.mft .shareScreen .container a.close:hover { opacity:1; }
section.mft .shareScreen .container textarea { width:100%; height:65px; font-weight:normal; background-color: rgba(255, 255, 255, .95); padding:10px; font-family:'Arial'; font-size:11px; }

section.mft img {
	width:50%;
	margin:40px 0 20px 0;
}
section.mft .shareToggle { font-size:12px; color:#fff; text-transform: uppercase; position: absolute; bottom:5px; left:5px; z-index:50;  }
section.mft.videoplaying .shareToggle { display:none; }
section.mft .shareToggle a { color:inherit; text-decoration: none; opacity:.75; }
section.mft .shareToggle a:hover, section.mft.sharing .shareToggle a {opacity:1; }

section.mft.embed { margin-bottom: 0; }
section.mft.embed.large { margin-bottom: 5em; padding-top:25px; }
section.mft.embed.large .shareToggle { bottom:-15px; }
section.mft.embed img.v { margin:20px 0 10px 0; }


section.mft.large .segments { height:100%; }

section.mft.large .videoplayer {height:100%; }
section.mft.large .segments .play {display:none;}